<#include "/base/common/head.html"/>
<script type="text/javascript" src="${basePath}/res/js/menu.js"></script>
<script type="text/javascript">
if (self != top) {  //主页不允许在iframe中
	top.window.location.reload();
}

//修改密码
function updatePassword() {
	top.openWindow("修改密码", "${basePath}/base/main/toUpdatePassword", {size: '400x240'});
}

//系统帮助
function help() {
	top.openWindow_view("系统帮助", "${basePath}/dcmm/api/interface/help", {size: '800x600'});
}

//子框架请求时，如果session失效，由noSession页面读取该变量，以决定跳转到那个登录页面。
var sysCode = "<#if Session['userInfo']??>${Session['userInfo'].sys.code}<#else></#if>";

//退出
function logout()
{
	location.href="${basePath}/logout?sysCode=" + sysCode;
}

</script>
<link rel="stylesheet" href="${basePath}/res/theme/dcmm/font/iconfont.css">

<style type="text/css">
.head{background-color: #2b83f9;background-image: linear-gradient(143deg,#2945cb 20%,#2b83f9 81%,#3a9dff);
height:70px;
overflow: hidden;}
.head .header-logo h1{
	display: inline-block;
	color:#fff;
	margin-left:20px;
	margin-right:10px;
	font-size:36px;
	line-height: 70px;
	font-weight: 500;
}	
.header-logo-title {
	display: inline-block;
	margin-top:16px;
	padding-left:10px;
	border-left: 1px solid rgba(255,255,255,0.6);
}
.header-logo h3, .header-logo h4 {
    color: #fff;
}
.header-items{
	margin-left:60px;
}
.header-items  a{
	display: inline-block;
	height:70px;
	line-height: 70px;
	margin-right: 40px;
	font-size:14px;
	color: #fff;
    opacity: .69;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.header-items a:hover{
	color:#fff;
	opacity: 1;
}
.header-items a span{
	vertical-align: middle;
}
.header-items a i{
	display: inline-block;
	font-size:24px;
	margin-right:4px;
	vertical-align: middle;
}
.header-aside{
	margin-top:20px;
	margin-right:20px;
}
.head .rtool a{color: #666;}
.head .rtool a.l-btn-plain:hover{color: black;}
.head .rtool a.l-btn-plain.m-btn-plain-active{color: black;}

.easyui-tabs .tabs{border-color: #A5C4EF;}
.easyui-tabs .tabs li a.tabs-inner{border-radius: 2px 2px 0 0;}

.tree-node {padding: 8px 0px;color: #595959;}
.tree-node-hover{background: #398DEE; color: #ffffff;}
.tree-node-selected{background: #398DEE; color:#ffffff;}
.tree-node .tree-title{font-size: 13px; font-weight: normal;  }

.left{background-color: #424f63;}
.menu_head{height: 30px;line-height: 30px;background: #E6E6E6;color: #848484;text-align: center;}
.layout-expand-north, .layout-expand-west{height: 0px;}

.tree-icon {
    font-size: 12px;
    line-height: 18px;
}


</style>

<div id="layout" class="easyui-layout" data-options="fit:true, border:false">
	<div data-options="region:'north',border:false, collapsedSize:0">
		<div class="head clearfix">
			<div class="header-logo fl">
				<h1>DRMS</h1>
				<div class="header-logo-title"> 
					<h3>数据资源管理系统</h3> 
					<h4>Data Resource Management System</h4>
				</div>
			</div>
			
			<div class="header-aside fr">
			    <div class="easyui-panel rtool" data-options="border:false" style="text-align: right;margin-top: -1px;">
			        <a href="#" class="easyui-menubutton" data-options="menu:'#mm1'"><#if Session['userInfo']??>${Session['userInfo'].user.username}<#else>未登录</#if></a>
			    </div>
			    <div id="mm1" style="width:120px;">
			        <div data-options="iconCls:'icon-edit'" onclick='updatePassword()'>修改密码</div>
			        <div class="menu-sep"></div>
			        <div data-options="iconCls:'icon-undo'" onclick="logout()">退出</div>
			    </div>  
			</div>
		</div>
	</div>
	<div id="west" data-options="region:'west',split:true, border:false, collapsedSize:0" style="width:200px;background-color: #F5F5F5;color:white">
		<div class="zsy_menu">
			<div class="menu_head">菜单导航</div>
	        <ul id="menuTree"></ul>
	    </div>
	</div>
	<div data-options="region:'center', border:false">
	    <div id="mainTabs" style="height:250px">
	        <div title="首页">
	            <iframe src="${basePath}/base/main/main" class="easyui-panel" data-options="fit:true,border:false" frameborder="0"></iframe>
	        </div>
	    </div>
	</div>
</div>

<div id="tabsMenu">
    <div data-options="iconCls:'glyphicon-refresh'" type="refresh" style="font-size: 12px;">刷新</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'glyphicon-remove'" type="close" style="font-size: 12px;">关闭</div>
    <div data-options="iconCls:''" type="closeOther">关闭其他</div>
    <div data-options="iconCls:''" type="closeAll">关闭所有</div>
</div>
<div id="tabTools" style="border: 0px; border-bottom: 1px solid #D3D3D3;">
	<a id="fullScreen" href="###" class="easyui-linkbutton" plain="true" iconCls="glyphicon-fullscreen" onclick="fullScreen(this)"></a>
</div>

<#include "/base/common/dialogWindow.html"/>
<#include "/base/common/foot.html"/>